<script setup>
	const props = defineProps({
		src: {
			type: String,
			default: 'https://jhgk-1307466921.cos.ap-shanghai.myqcloud.com/opt/AppCollect/PersonJkzImg/2024-12-02/1733139151826_empty.png'
		},
		srcSize: {
			type: Number,
			default: 376
		},
		text: {
			type: String,
			default: '找不到数据啦'
		},
		textColor: {
			type: String,
			default: '#767473'
		}
	})

</script>

<template>
	<view class="empty-content">
		<uv-image :src="props.src" :width="props.srcSize" :height="props.srcSize"></uv-image>
		<text :style="{color: props.textColor}">{{props.text}}</text>
		<slot></slot>
	</view>
</template>

<style lang="scss" scoped>
	.empty-content {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 16rpx;
	}
</style>